<template>
  <div class="pcBox">
    <div class="tp1">
      <img src="../assets/brand/tp1.png" alt="" class="banner" />
    </div>
    <div class="tp2_Box">
      <div class="tp2">
        <div style="margin-bottom: 35px">品牌</div>
        <div style="margin-bottom: 35px">-----------</div>
        <div>
          万代一番赏、上海越侠、广州英格伦、新星动漫模型、一诺动漫模型........
        </div>
      </div>
      <img src="../assets/brand/lgx.png" alt="" class="lgx1" />
    </div>
  </div>
</template>

<script></script>

<style lang="less" scoped>
.pcBox {
  .tp1 {
    position: relative;
    width: 100%;
    height: 970px;
    overflow: hidden;
  }

  .tp1 .banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tp2_Box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding-top: 220px;

    .tp2 {
      color: #fff;
      font-size: 16px;
    }

    img {
      margin-left: 140px;
    }
  }
}
</style>
